<template>
  <div>
    <div class="list-item" v-html="list.content"></div>
    <comment></comment>
  </div>
</template>

<script>
import comment from "@/components/comment.vue";
import { getxinwenzixun } from "../../apis/category";
export default {
  data() {
    return {
      newid: this.$route.params.id,
      list: [],
    };
  },
  async created() {
    const res = await getxinwenzixun(this.newid);
    console.log(res, "res");
    this.list = res.data.message[0];
  },
  components: { comment },
};
</script>


<style lang="less" scoped>
/deep/ .van-nav-bar__content {
  .van-nav-bar__title {
    color: #fff;
  }
}
.my-swipe .van-swipe-item {
  overflow: auto;
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}
.list-item {
  height: 100px;
  overflow: auto;
}
.navbar {
  size: 13px;
  height: 30px;
  text-align: center;
  background-color: aqua;
  color: #fff;
  line-height: 30px;
}
</style>